<template>
	<view class="_tag_btn" :class="{ 'active':active }">
		{{ text }}
	</view>
</template>

<script setup>
	import {
		defineProps,
	} from 'vue';
	const props = defineProps({
		text: String,
		active: {
			type: Boolean,
			default: false
		},
	})
</script>

<style lang="scss" scoped>
	._tag_btn {
		width: max-content;
		padding: 4px 8px;
		border-radius: 4px;
		font-size: 14px;
		background-color: #fff;
		color: #86909C;
		margin-right: 12px;
	}

	.active {
		background-color: #E8F3FF;
		color: #165DFF;
	}
</style>